body{min-width:320px;/*font-size:1em;*/font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color:#000;-webkit-text-size-adjust: none;}

.main{width:100%;min-width:320px;margin:0 auto;max-width:640px;font-size:14px; position:relative; z-index:0;}
@media screen and (min-width:480px){.main{font-size:21px;}}
@media screen and (min-width:640px){.main{font-size:28px;}}
.tblCell{display:table-cell;vertical-align:top;text-align:center;}

/*头部.title*/
.logo{background:#62107a url("../images/logo.png") center center no-repeat;width:244px;background-size:4.8em 2em;}
.card{background:url("../images/card.png") 1.4em center no-repeat;width:396px;height:4.2em; color:#62107a; text-indent:4.5em; line-height:4.2em; font-weight:bold; font-size:0.85em; background-size:3.6em 2em;}
.card:hover{ color:#62107a;}

/*导航 靓号/普通号*/
.nav{ width:100%; display:table;}
.nav li{display: table-cell; width:50%; height:2.4em; border-bottom:0.2em solid #fff;  text-align:center; line-height:2.4em; font-weight:bold; font-size:1.2em;}
.nav li a{color:#62107a; display:block; width:100%;}
.nav li.on{ border-bottom:0.2em solid #5e0e76;}

/*bged*/
.bged{background:#ededed; padding:1em;}
/*bgdd*/
.bgdd{background:#ddd0e7; padding:1em;}

/*紫色标题.tips*/
.tips{text-align:center;font-size:1.1em;font-weight:bold;color:#4e1083; height:2em; line-height:2em; text-align:left;}

/*用户填入信息.info*/
.info{ font-size:0.8em; padding:1.6em 0 0 1.7em;}
.select1{font-weight: 500;color: #4a4a4a;width:32%;-webkit-appearance: none;border:0.1em solid #888;outline: none;background:#fff url("../images/select.png") 100% 50% no-repeat;font-family: "Microsoft YaHei"; height:1.9em;background-size:1.8em 1.8em;}
.select2{font-weight: 500;color: #4a4a4a;width:24%;-webkit-appearance: none;border:0.1em solid #888;outline: none;background:#fff url("../images/select.png") 100% 50% no-repeat;font-family: "Microsoft YaHei"; height:1.9em;background-size:1.8em 1.8em;}
.explain{ display:inline-block; width:20%; padding:0.2em 0; background:#4e1083; color:#fff; text-align:center; font-weight:bold;-webkit-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;}
.explain:hover{ color:#fff;}
.inputText{ width:24%; padding:0.2em 0; text-align:center;-webkit-appearance: none;border:0.1em solid #888;outline: none; text-align:center; /*height:1.3em;*/ line-height:1.3em;font-family: "Microsoft YaHei";}
.info .ml1em{ margin-left:1em;}
.info .mlxem{ margin-left:6.4em;}


/*选号码.chooseNum*/
.chooseNum{ width:80%; margin:2em auto 1em;}
.chooseNum li{border:0.2em solid #fff;color:#747474;background:#fff url("../images/checkbox.png") 5% center no-repeat; padding:0.3em 0; margin:0.6em 0; text-align:center; background-size:1.2em 1.2em; font-size:1.2em;}
.chooseNum li.on{border:0.2em solid #62107a;background:#fff url("../images/checkboxOn.png") 5% center no-repeat;background-size:1.6em 1.6em;}
.changeGroupBtn{ width:80%; margin:0 auto;padding:0.8em 0; background:#4e1083; color:#fff; text-align:center; font-weight:bold;-webkit-border-radius: 0.3em;-webkit-border-radius: 0.3em;border-radius: 0.3em; display:block; border:none;font-family: "Microsoft YaHei";}

/*填写用户信息*/
.userInfoUl{ width:90%; margin:0 auto 1em;}
.userInfoUl li{display:table; padding:0.3em 0; width:100%;}
.userInfoUl li span,.userInfoUl li input{ display:table-cell;}
.userInfoUl li span{ width:30%; color:#4a4a4a;font-weight:bold;}
.userInfoUl li .userInfo{ width:100%; padding:0.2em;font-family: "Microsoft YaHei"; text-indent:0.5em; border:0.1em solid #888;}

.getVcode{ width:65%; margin:0 auto;padding:0.2em 0; background:#4e1083; color:#fff; text-align:center;-webkit-border-radius: 0.3em;-webkit-border-radius: 0.3em;border-radius: 0.3em; display:block; border:none; font-size:0.8em;font-family: "Microsoft YaHei";font-weight:bold;}

.getYzmGray{background:#999;}

/*规则*/
.bgdd{ color:#666;}
.bgdd .subTitle{ font-size:1em; text-indent:1.2em; margin:0 0 0.6em 0;}
.bgdd .subTitleMini{ font-size:0.7em; text-indent:1.7em; margin:3em 0 0.6em 0;}
.bgdd li{ list-style:disc; font-size:0.7em;margin:0.5em 0 0.5em 1.7em;}

/*预约抢号按钮*/
.predetermine{width:100%;padding:0.5em 0; background:#4e1083 url("../images/arrowRight.png") 80% center no-repeat; color:#fff; text-align:center;display:block; border:none; font-size:1.6em;font-family: "Microsoft YaHei";font-weight:bold; letter-spacing:0.2em;background-size:0.3em 0.6em;}

/*红色*/
.red{color:#ff1717;}

/*蒙层*/
.mask{ width:100%; position: absolute; background:#000; opacity:.7; z-index:1; top:0; left:0; display:none;}

/*说明弹出层*/
.explainDiv{ background:#4e1083; width:86%; position: absolute; margin:0 auto; top:10%; left:7%; z-index:2;display:none;}
.explainDiv ul{ padding:2em 0;}
.explainDiv li{ text-align:center; margin:0.5em 0; color:#fff; font-size:1em;}
.explainClose{ text-align:center; color:#fff; font-size:1.5em; padding:0.5em; display:block; background:#320657;}
.explainClose:hover{ color:#fff;}

/*预约成功弹出层*/
.predetermineDiv{ background:#4e1083; width:86%; position: absolute; margin:0 auto; top:10%; left:7%; z-index:2;display:none;}
.predetermineClose{ text-align:center; color:#fff; font-size:1.5em; padding:0.5em; display:block; background:#320657; }
.predetermineClose:hover{ color:#fff;}
.predetermineTips{ text-align:center; background:#fff; border:0.2em solid #320657;}
.predetermineTips .success{ font-size:2em; padding:1em 0; color:#320657;}

/*重新填写&重新预约弹出层*/
.predetermineTips .failTips{font-size:1em;color:#320657;}
.predetermineTips .fail{font-size:2.5em;color:#ff6609; letter-spacing:0.2em; font-weight:bold;}

/*fix*/
.padtips1{ padding:4em 0 0em;}
.padtips2{ padding:0em 0 2em;}
.padT1em{ padding-top:1em;}
.padB1em{ padding-bottom:1em;}
.em1{ text-indent:1em;}
.marR2em{ margin-right:2em;}
